/* CSS Document */
html, body{ margin:0px; padding:0px;font-family:"微软雅黑", Arial, Helvetica, sans-serif}

body{color:#000;
-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background:#f8f8f8;
	padding-top:97px;
	overflow-x:hidden;
	font-size:14px;
}
ul,li,h2,p,h3{ list-style:none; margin:0px; padding:0px;}
a{ text-decoration:none;color:#000;}
input{border:none; outline:none;}
.clear{ height:0px; overflow:hidden; clear:both;}
table,tr,td{ line-height:inherit; font-size:inherit; font-weight:inherit;}

.head{position:fixed; top:0; left:0;width:100%; z-index:999;box-shadow:0px 1px 5px #ccc; background:white;}
.web-body{width:1200px; margin:auto; height:auto;}
.web-body:after{content:"\200B";display:block; height:0px; overflow:hidden; clear:both;}

.head .web-body{height:97px; line-height:97px;}
.head .logo{ height:97px; width:262px; float:left; background-image:url(../images/logo.png); background-position: left center; background-repeat: no-repeat; background-size:80%; transition:all .3s;-webkit-transition:all .3s;}
.head.active .logo{ background-size:70%;}
.head .menu{float:right; margin-right:20px;}
.head .menu ul li{ float:left; text-align:center;line-height:97px; height:97px;}
.head .menu ul li a{ color:#2e2f30; font-size:15px; display:block; padding:0 16px;}
.head .menu ul li.cur a{ color:#009899;}
.head .menu ul li.subs{ position:relative;}
.head .menu>ul>li.sub>a, .head .menu>ul>li.subs>a{ padding-right:27px; position:relative;}
.head .menu>ul>li.sub>a:after, .head .menu>ul>li.subs>a:after{content:"\200B"; display:block;width:0; height:0; overflow:hidden;position: absolute;top: 50%;right: 13px;margin-top:-2.5px;border-width: 5px;border-style: solid dashed dashed;border-color: #fff transparent transparent;border-top-color: rgba(0,0,0,.5); transition:all .2s;-webkit-transition:all .2s;}
.head .menu>ul>li.sub.hover>a:after, .head .menu>ul>li.subs.hover>a:after{margin-top: -7.5px;border-style: dashed dashed solid;border-color: transparent transparent #7f7f7f;}
.head .menu ul li.hover a{color:#4c4c4c;}
.head .menu ul li li a{ margin-top:0px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.head .menu>ul>li.sub>.subitem>ul{width:1200px; margin:auto;}
.head .menu>ul>li.sub>.subitem>ul>li{width:200px; float:left;}
.head .menu>ul>li.sub>.subitem>ul>li>a{ font-size:18px;color: #666; font-weight:bold; margin-bottom:18px;}
.head .menu>ul>li.sub>.subitem>ul>li ul li{ height:36px; line-height:36px;}
.head .menu>ul>li.sub>.subitem>ul>li ul li a{ font-size:16px;}

.head .menu ul li .subitem{ position:absolute;width:100%;background-color:#f5f5f5; left:0; padding-top:30px; padding-bottom:65px; top:97px;height:auto; z-index:100; display:none;}
.head .menu ul li.subs .subitem{ padding:10px 0px; width:150%; top:63px;}
.head .menu ul li li a i.icon{ position:absolute;width:7px; height:12px; background-image:url(../images/arrow.png); background-position:-7px 0px; background-repeat:no-repeat; top:13px; right:18px;}
.head .menu ul li.hover a i.icon{background-position:0px 0px;}
.head .menu ul li ul li{ float:none;height:auto; }
.head .menu ul li ul li a{color:#4c4c4c; display:block; margin:0; font-size:12px;height:30px; line-height:30px;text-align:left;}
.head .tel{color:#009899; font-size:20px; font-weight:bold; background:url(../images/index_06.jpg) left center no-repeat; padding-left:30px; text-align:left; width:180px; height:97px;float:right; right:0px; position:relative;}
.head .menu ul li ul li{width:auto;}
.head .menu ul li.cur ul li a{border:none;}

.head .menu ul li a:hover, .head .menu>ul>li.sub.hover>a, .head .menu>ul>li.subs.hover>a, .head .menu>ul>li.sub.hover>.subitem>ul>li>a:hover, .head .menu>ul>li.sub.hover>.subitem>ul>li ul li a:hover{color:#009899;}
.head .menu>ul>li.subs.hover>a{ background-color:#f5f5f5; display:inline; padding-top:5px; padding-bottom:5px;}
.head .tel i{position:absolute; left:30px; top:-20px; font-weight:normal; font-size:14px; color:#666; font-style:normal;}
.head.active .menu ul li .subitem{top:50px;}
.head.active .menu ul li.subs .subitem{ top:40px;}
.head.active .tel i{ height:0px; opacity:0;}
.head.active .web-body, .head.active .menu>ul>li, .head.active .logo, .head.active .tel{ height:50px; line-height:50px; transition:all .3s;-webkit-transition:all .3s;}

.banner{ background-color:#eee; background-position:top center; background-repeat:no-repeat; height:690px; position:relative;}
.bs .banner{ height:400px; background-position:center;}
#topTrade{height:100%; width:100%;margin:0px;text-align: center; position:absolute; top:0; left:0; z-index:30;}
#topTrade div{height:100%;overflow:hidden;width:100%; min-width:1003px; position:absolute;text-align: center;left:0px;top:0px; z-index:10; background-position:center; background-repeat:no-repeat; display:none;}
#topTrade div a{display:block; position:relative; height:100%;width:100%;}
#pager{position:absolute; bottom:10px; left:50%; z-index:100}
#pager a{position:relative; float:left; left:-50%;width:15px; height:15px; margin:10px; background:#fff; line-height:0; font-size:0; text-indent:-99em; overflow:hidden;border-radius:50%;}
#pager a.activeSlide{ background:#009899;}

.foot{ background:#333333; height:auto; margin:auto; overflow:auto; padding-top:35px;color:#fff; min-width:1200px;}
.foot .copyright{ background:#262626; padding:10px 0px; font-size:14px; margin-top:40px; text-align:center;color:#808080; line-height:1.7;}
.foot .copyright a{color:#808080;}
.foot .wx{ float:right; margin-right:6px; font-size:12px;color:#8c8c8c; text-align:center; line-height:2;}
.foot .online{float:left;}
.foot .online h3{ font-weight:normal; font-size:16px;}
.foot .online .tel{font-size:24px; font-weight:bold; margin:18px 0px; line-height:1;}
.foot .online .kf{ background:#555555; display:block;width:188px; height:46px; line-height:46px; font-size:18px; border-radius:10px; text-align:center; font-weight:bold; color:white;}
.foot .online .kf .iconfont{ font-size:26px; margin-right:15px;}

.foot .menu{float:left; margin-left:55px;}
.foot .menu .sub-menu{float:left;width:190px;}
.foot .menu .sub-menu span.title,
.foot .contact span.title
{ font-weight:normal; font-size:16px; display:inline-block; padding-right:15px;border-bottom:solid 1px #676565; padding-bottom:15px; margin-bottom:5px; position:relative;}
.foot .menu .sub-menu span.title:after,
.foot .contact span.title:after{content:"\200B"; overflow:hidden; background:#009899;position:absolute;width:22px; height:3px; bottom:-2px; left:0;}
.foot .menu .sub-menu li{ height:25px; line-height:25px;}
.foot .menu .sub-menu li a{font-size:12px;color:#8c8c8c;}
.foot .contact{float:left;}
.foot .contact .cont{line-height:25px;color:#8c8c8c; font-size:12px;}

.lazy-load{transition:all 1.5s ease 0s;-webkit-transition:all 1.5s ease 0s;opacity:0;filter:alpha(opacity=0);}
.lazy-load-zoom{transform:scale(3);-webkit-transform:scale(3);}
.lazy-load-foot{transform:translateY(100px);-webkit-transform:translateY(100px);}
.lazy-load-left{transform:translateX(-100px);-webkit-transform:translateX(-100px);}
.lazy-load-right{transform:translateX(100px);-webkit-transform:translateX(100px);}
.lazy-load.active{opacity:1;filter:alpha(100);transform:translateY(0px) translateX(0px) scale(1);-webkit-transform:translateY(0px) translateX(0px) scale(1);}
.lazy-load .animate{ display:none;}
.lazy-load.active .animate{animation-duration:1s;animation-fill-mode:both;}
.lazy-load.active .animate.bounceIn{animation-duration:.75s; display:block;}

.animated .leftin{animation-duration:.5s;animation-fill-mode:both;animation-name:leftin;-webkit-animation-name:leftin;}
.animated .rightin{animation-duration:.5s;animation-fill-mode:both;animation-name:rightin;-webkit-animation-name:rightin;}
@keyframes leftin{0%{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;}100%{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}}
@keyframes rightin{0%{transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;}100%{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}}


.tbody {color: #373748;text-align: center;margin-bottom: 60px; font-size:16px;}
.index .title, .thead{text-align:center; font-size:36px; font-weight:normal; margin-bottom:10px;}

.index .product{ background:#f9f9f9; height:auto; margin:auto; padding-bottom:60px;padding-top:70px;}
.index.prozt .product{ background:none;}
.index.prodetail .product{ background:white;}
.index .product:after{content:"\200B";display:block; height:0px; overflow:hidden; clear:both;}
.index .product .col ul li{ background:#eee;}
.index .product .col ul li:after{content:"\200B";display:block; height:0px; overflow:hidden; clear:both;}
.index .product .col ul li .photo{width:600px;float:left;overflow:hidden;}
.index .product .col ul li.odd .photo{float:right; }
.index .product .col ul li .photo img{transition:all 1s;-webkit-transition:all 1s;}
.index .product .col ul li:hover .photo img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.index .product .col ul li .info{width:550px;float:left; padding-left:50px;}
.index .product .col ul li .info .title-1{ font-size:28px; margin-top:50px;}
.index .product .col ul li .info .desc{margin-top:110px; font-size:18px;}
.index .product .col ul li .info .desc a{ display:inline-block; height:40px; line-height:40px; padding:0 30px;border:solid 2px #009899;color:#009899; border-radius:40px; margin-right:50px;transition:all .5s;-webkit-transition:all .5s; position:relative; overflow:hidden;}
.index .product .col ul li .info .desc a:hover{color:white;}
.index .product .col ul li .info .desc a:after{content:"\200B"; display:block; position:absolute; top:50%; top:0px; left:0;width:0px; height:40px; z-index:-1; background:#009899; overflow:hidden; transition:all .5s ease;-webkit-transition:all .5s ease;border-radius:40px;}
.index .product .col ul li .info .desc a:hover:after{width:100%;}

.swiper-box li .tool a{color:white; font-size:16px; display:inline-block; background:#009899; padding:5px 15px; margin-right:20px;border-radius:5px;}

.pro-ui-tabs-items li, .oa-ui-tabs-items li{ display:none;}
.pro-ui-tabs-items li.animated, .oa-ui-tabs-items li.animated{ display:block;}

.index .case{ background:white;padding-bottom:60px;padding-top:70px;}
.index .case .col{ overflow:hidden;}
.index .case .col ul{width:1260px;}
.index .case .col ul li{float:left; width:360px; margin-right:60px; margin-bottom:60px; position:relative; overflow:hidden;}
.index .case .col ul li .info{ position:absolute;bottom:0px; left:0px;width:100%; color:white; padding-bottom:35px;}
.index .case .col ul li .title-1,
.index .case .col ul li .desc{margin:0 30px;}
.index .case .col ul li .title-1{ line-height:1.9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index .case .col ul li .title-1 a{color:white; font-size:24px;}
.index .case .col ul li .title-1 a:hover{color:#fcf143; font-size:24px;}
.index .case .col ul li .info .desc{ line-height:2.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index .case .col ul li .abs{color:white; position:absolute; bottom:0px; left:0px;width:100%; height:100%; background:#009899;bottom:-100%; transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transform:scale(.8);-webkit-transform:scale(.8);}
.index .case .col ul li:hover .abs{bottom:0px;transform:scale(1);-webkit-transform:scale(1);}
.index .case .col ul li .abs .desc{line-height:2;}
.index .case .col ul li .abs .title-1{border-color:#e03b44; margin-top:135px; margin-bottom:5px;}

.index .events .list li{float:left;width:585px; margin-right:30px;background: #fff;margin-bottom: 30px;position: relative;}
.index .events .list li.odd{ margin-right:0px;}
.index .events .list li:hover{-webkit-transform: scale(1.02);transform: scale(1.02);box-shadow: 3px 4px 5px #eee;}
.index .events .list li .photo{width:240px; height:135px; position:absolute;top: 20px;left: 15px;overflow: hidden;border-radius: 3px;border: 1px solid #f0f0f0; z-index:10}
.index .events .list li .photo img{width:100%; height:100%;}
.index .events .list li .cell{padding: 20px 15px 20px 275px;height: 135px;position: relative;}
.index .events .list li .cell .title{-webkit-transition: all .3s;transition: all .3s;font-size: 20px;line-height: 1.6;letter-spacing: .5px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: inherit!important;padding-top: 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index .events .list li .cell .title a, .news .top .news-top li .title a{-webkit-transition: all .3s;transition: all .3s;}
.index .events .list li:hover .cell .title a, .news .top .news-top li:hover .title a{color:#0086f;}
.index .events .list li .cell .cont{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: inherit!important;color: #999;font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;margin-top: 6px; display:none;}
.index .events .list li .cell .ft{ position:absolute; bottom:20px; color:#666; font-size:14px; left:0px; width:548px;line-height:30px;}
.index .events .list li .cell .ft .author{display:inline-block; height:30px; line-height:30px;color:#666; padding-left: 35px; background:url(../images/logos.jpg) left center no-repeat; display:none;}
.index .events .list li .cell .ft .visit{ position:absolute; right:0px;bottom:0px;}

.index .case.product{ background:white;}
.index .case .ph-list{ margin-top:30px; overflow:hidden;}
.index .case .ph-list ul{width:1250px; padding:6px 0px 0px 6px;}
.index .case .ph-list ul li{float:left; margin:0px 28px 28px 0px;box-shadow:0px 0px 5px #ddd; height:118px;transition:all .5s;-webkit-transition:all .5s;}
.index .case .ph-list ul li:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}

.about .bg{background-image:url(../images/20180731022905848.jpg); background-position: bottom center; background-repeat: no-repeat; background-size:cover; min-width:500px; min-height:800px;}
.about .content{width:95%; padding:70px 80px 50px 0px;color:#fdfdfd;line-height: 1.8;font-size: 14px; text-align:justify;}
.about .content p{ margin-bottom:14px;}
.service.about .bg{background-image:url(../images/service.jpg);}

.contact .web-body{ margin:80px auto; background:#f9f9f9;}
.contact .content .map{float:right;width:700px; height:570px; position:relative;}
.contact .content .left-body{float:left;width:420px; padding:50px 0px 0px 50px;}
.contact .content .left-body .title{font-size:30px;}
.contact .content .left-body .title .en{ font-size:24px; color:#999;}
.contact .content .left-body .dt{ font-size:14px; color:#515151; line-height:2; margin-top:30px;}
.contact .content .left-body .wx{width:80%; border:solid 1px #7CA7C7; padding:15px; border-radius:5px; height:auto; overflow:hidden; font-size:14px;}
.contact .content .left-body .wx span{float:left;}
.contact .content .left-body .wx span.desc{color:#666; margin:40px 0px 0px 10px; line-height:1.5}

.news .web-body{ padding:30px 0px;}
.news .web-body .htitle{ font-size:28px; color:#393836; margin-bottom:30px; padding:0 10px 5px; margin-top:10px; position:relative; border-bottom:1px solid #eaeff3;box-shadow:0px 3px 5px #eee;}
.news .web-body .htitle .pos{ position:absolute; right:5px; bottom:5px;line-height:1.8; font-size:14px;}
.news .list li{position:relative;background: #fff;margin-bottom: 15px;position: relative;}
.news .list li:hover, .news .top .news-top li:hover{-webkit-transform: scale(1.02);transform: scale(1.02);box-shadow: 3px 4px 5px #eee;}
.news .list li .photo{width:356px; height:200px; position:absolute;top: 20px;left: 15px;overflow: hidden;border-radius: 3px;border: 1px solid #f0f0f0; z-index:10}
.news .list li .photo img{width:100%; height:100%;}
.news .list li .cell{padding: 20px 15px 20px 406px;height: 200px;position: relative;}
.news .list li .cell .title{-webkit-transition: all .3s;transition: all .3s;font-size: 24px;line-height: 2;letter-spacing: .5px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: inherit!important;padding-top: 5px; height:48px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .list li .cell .title a, .news .top .news-top li .title a{-webkit-transition: all .3s;transition: all .3s;}
.news .list li:hover .cell .title a, .news .top .news-top li:hover .title a{color:#FA8500;}
.news .list li .cell .cont{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: inherit!important;color: #999;font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;margin-top: 6px; line-height:2;}
.news .list li .cell .ft{ display:none; position:absolute; bottom:20px; color:#666; font-size:14px; left:0px; width:548px; padding-left:275px;line-height:30px;}
.news .list li .cell .ft .author{display:inline-block; height:30px; line-height:30px;color:#666; padding-left: 35px; background:url(../images/logos.jpg) left center no-repeat; display:none;}
.news .list li .cell .ft .visit{ position:absolute; right:0px;bottom:0px;}
.news .list li .cell .more{ display:block; height:40px; line-height:40px; border:solid 1px #ff6600; color:#ff6600; text-align:center; width:140px; font-size:16px;border-radius:40px; margin-top:35px; position:relative;transition:all .5s ease;-webkit-transition:all .5s ease; overflow:hidden;}
.news .list li .cell .more:after{content:"\200B"; display:block; position:absolute; top:50%; top:0px; left:50%; margin-left:0px;width:0px; height:40px; z-index:-1; background:#ff6600; overflow:hidden; transition:all .5s ease;-webkit-transition:all .5s ease;border-radius:40px;}
.news .list li .cell .more:hover{color:white;}
.news .list li .cell .more:hover:after{width:100%; height:40px; margin-left:-70px;}

.news .top{float:right;width:300px;position:relative;}
.news .top .news-top li{ background:white; margin-bottom:20px;-webkit-transition: all .3s;transition: all .3s;}
.news .top .news-top li img{width:100%; height:auto;}
.news .top .news-top li .row{ padding:15px;}
.news .top .news-top li .title{ font-size:16px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.news .top .news-top li .cont{font-size:14px;color:#999;}
.news .detail{width:840px; float:left;background:white;}
.news .detail .cont-box{ padding:40px;}
.news .detail .title{font-size:24px; text-align:center;color:#444444; line-height:1.5; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eaeff3}
.news .detail .attr{ text-align:center;color:#707070;}
.news .detail .content{font-size:16px;color:#333; text-align:justify; padding-top:20px; padding-bottom:30px; line-height:1.8;}
.news .detail .content img{ max-width:100%; height:auto;}
.news .detail .content p{ margin-bottom:17px;}
.news .detail .cp{color: #707070;font-size: 14px;line-height: 29px;border-bottom:1px solid #eaeff3; padding-bottom:10px; margin-bottom:50px;}
.news .detail .relate .title-1{ font-size:22px; color:#333; position:relative; height:40px; line-height:40px;border-bottom:1px solid #eaeff3;margin-bottom:20px;}
.news .detail .relate .title-1:after{content:"\200B"; display:block; height:1px; overflow:hidden; position:absolute; left:0px; bottom:0px; width:88px; background:#2d7dbe;  }
.news .detail .relate ul li{width:auto; margin:auto; overflow:auto;border-bottom: 1px #f1f1f1 solid; margin-bottom:16px; padding-bottom:20px}
.news .detail .relate ul li:after{content:"\200B"; display:block; height:0px; overflow:hidden; clear:both;}
.news .detail .relate ul li .photo{ height:86px; width:152px; float:left;}
.news .detail .relate ul li .photo img{width:100%; height:100%;}
.news .detail .relate ul li .info{width:580px; float:right;}
.news .detail .relate ul li .ntitle{ height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px;}
.news .detail .relate ul li .ntitle a{color: #454545;font-size: 18px;}
.news .detail .relate ul li .cont{color: #7e7d7d;font-size: 14px; text-align:justify; line-height:1.7;}

.product{ background:white;}
.product .content{ padding:50px 0px; line-height:1.9; font-size:16px; color:#333;}
.product .content p{ margin-bottom:17px;}

.productlist .thead{color:#000000; padding-bottom:15px; position:relative;}
.productlist .thead:after{content:"\200B"; display:block; height:2px; width:40px; overflow:hidden; background:#666; position:absolute; left:50%; margin-left:-20px; bottom:0px;}

.news .index .case{ background:none;}

a#piaofu {
    width: 45px;
    height: 45px;
    background: #ccc url(/zx_css/skin/gotop.png) center center no-repeat;
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index: 102;
	display:none;
}